<template>
  <div class="xiangguan">
      <div class="xiangguanc">{{ msg }}的相关菜谱</div>
      <span class="quanbu" style="margin-left:20px">全部</span>
    </div>
</template>

<script>
export default {
    data() {
        return {
            msg:'xxxx'
        }
    },
}
</script>

<style  scoped>
    .xiangguan{
        margin-bottom: 50px;
        display: flex;
        
    }
    .xiangguanc{
        color: rgb(192,174,125);
        font-size: 20px;
        font-weight: 500;
    }
    .quanbu{
        font-size: 8px;
        color: red;
        width: 50px;
        height: 30px;
        line-height: 30px;

    }
</style>